<%@ page import="dao.UserDao" %>
<%@ page import="daoImpl.UserDaoImpl" %>
<%@ page import="entity.User" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <title>编辑个人资料</title>
    <style>
        body{margin: 0px}
        /*a内无修饰*/
        a{text-decoration:none}

        .banner{
            width:100%;
            height:70px;
            top:0px;
            left:0px;
            position: relative;
            overflow: hidden;
            background: #fff;
            border-bottom: 1px solid rgba(30,35,42,.06);
            box-shadow: 0 1px 3px 0 rgba(0,34,77,.05);
            background-clip: content-box;
        }

        /*个人资料3框*/
        .bannerD3{
            width:95%;
            height:60px;
            top:0px;
            left:0px;
            position: relative;
            overflow: hidden;
            background: #fff;
            border-bottom: 1px solid rgba(30,35,42,.06);
            box-shadow: 0 1px 2px 0 rgba(0,34,77,.05);
            background-clip: content-box;

        }
        /*个人资料1框*/
        .bannerD1{
            margin:50px auto;
            width:960px;
            height:90%;
            position:relative;
            overflow:hidden;
            background: #fff;
            border-top: 1px solid rgba(30,35,42,.06);
            border-bottom: 1px solid rgba(30,35,42,.06);
            border-left: 1px solid rgba(30,35,42,.06);
            border-right: 1px solid rgba(30,35,42,.06);
            box-shadow: 0px 5px 5px 5px rgba(0,34,77,.05);
            background-clip: content-box;
        }
        /*个人资料头像*/
        #dataPor{
            position:absolute;
            left:35px;
            top:25px;
        }
        /*id=logo样式*/
        #logo {
            margin-top: 11px;
            margin-left: 42px;
            width: 115px;
            height: 46px;

        }
        /*serchDiv类样式*/
        .searchDiv{
            position: relative;
            top: -75px;
            left: 200px;
            height: 40px;
            width: 224px;
            border: 0px;
        }
        /*id=search样式*/
        #search {
            position: relative;
            top: 30px;
            left: 0px;
            width: 224px;
            height: 30px;
            -webkit-border-radius:3px;
            -webkit-appearance: none;
            border-radius: 3px;
            border: 1px solid #999999;
            font-size: 13px;
            background-color: transparent;
        }
        /*id=searchicon图标样式*/
        #searchicon{
            position: relative;
            bottom: 0px;
            left: 195px;
            width: 28px;
            height: 28px;
        }
        /*页头按钮*/
        #btnLeft{
            width: 235px;
            position: absolute;
            right: 12.6%;
            top: 20px;
        }
        #hpBtn{
            width: 112px;
            height: 30px;
            -webkit-border-radius:3px;
            -webkit-appearance: none;
            border-radius: 3px;
            border: 1px solid #999999;
            background-color: white;
            font: normal 15px 微软雅黑 ;
            color: #666666;
            float: right;
        }
        #ppBtn{
            margin-right: 7px;
            float: right;
            width: 112px;
            height: 30px;
            -webkit-border-radius:3px;
            -webkit-appearance: none;
            border-radius: 3px;
            border: 1px solid #999999;
            background-color: white;
            font: normal 15px 微软雅黑 ;
            color: #666666;
        }
        #personalData{
            /*position: absolute;*/
            margin:0;
            margin-left:275px;
            margin-top:65px;
            line-height:110px;
            font: normal 24px 微软雅黑;
        }
        #submitBtnD{
            position: absolute;
            font:normal 14px 微软雅黑;
            border: 1px solid #999999;
            -webkit-border-radius:3px;
            -webkit-appearance: none;
            border-radius: 3px;
            width: 300px;
            height: 40px;
            background-color: #ffffff;
            color: #666666;
            margin-top: 15px;
        }
        #submitBtnSave{
            position: absolute;
            font:normal 14px 微软雅黑;
            border: 1px solid #999999;
            -webkit-border-radius:3px;
            -webkit-appearance: none;
            border-radius: 3px;
            width: 300px;
            height: 40px;
            background-color: #ffffff;
            color: #666666;
            margin-top: 0px;
        }

        .bannerD4{
            width: 460px;
            height: 26px;
            border: 0;
            background-color: aliceblue;
        }


    </style>
    <script language="JavaScript" src="js/jquery-3.2.1.min.js"></script>
    <script language="JavaScript" src="js/selfInfo.js"></script>
</head>

<!--页头块-->
<body>
<%!UserDao dao = new UserDaoImpl(); %>
<% User user= dao.queryUserByUserName((String)request.getSession().getAttribute("username")); %>



<div class="banner">
    <img src="img/logologin.png" id="logo">
    <div class="searchDiv">
        <input type="text" name="keyword" id="search" placeholder=" 请输入您要搜索的关键字">
        <a href="https://www.baidu.com/"><img src="img/搜索.png" id="searchicon"></a>
    </div>
    <div id="btnLeft">
        <input type="button" name="homepage" id="hpBtn" value="个人中心">
        <input type="button" name="homepage" id="ppBtn" value="首页">
    </div>
</div>



<!--个人资料块-->

<div class="bannerD1">
    <!--头像-->
    <div id="dataPor">
        <img src="img/logologin.png" width="180" height="180" style="border-radius: 10px;">
        <input type="submit" name="submit" id="submitBtnD" value="修改头像" style="height:30px;width:140px;display:inline-block;left:20px;">
    </div>


    <div id="personalData">
        <p>个人资料</p><br>
        <div style="font-size:18px;margin-left:20px;line-height:45px;margin:0 auto">
            <div id="peronalData.name" class="bannerD3" name="persnaolData.name">用户名:
                <input type="text" name="userName" id="userName" style="width:82.5%;height: 26px;border: 0;background-color: aliceblue;" value=<%=user.getUsername()%>>
            </div><br>
            <div id="peronalData.sex" class="bannerD3" name="personalData.sex">性别:
                <input type="text" name="sex" id="sex" style="width: 85%;height: 26px;border: 0;background-color: aliceblue;" value=<%=user.getSex()%>>
            </div> <br><!--这里是性别-->
            <div id="peronalData.auto" class="bannerD3" name="personalData.auto">个性签名：
                <input type="text" name="auto" id="auto" style="width: 77.5%;height: 26px;border: 0;background-color: aliceblue;" value=<%=user.getDescribe()%>>
            </div> <br><!--这里是个性签名-->
            <div id="peronalData.pro" class="bannerD3" name="personalData.pro">职业：
                <input class="bannerD4" type="text" name="profession" id="profession" style="width: 83%;height: 26px;border: 0;background-color: aliceblue;" value=<%=user.getProfession()%>>
            </div> <br><!--这里是职业-->
            <%--<div id="peronalData.loc" class="bannerD3" name="personalData.loc">所在地：--%>
                <%--<input class="bannerD4" type="text" name="lacation" id="location" style="width: 80%;height: 26px;border: 0;background-color: aliceblue;" value=<%= user.getp%>>--%>
            </div> <br><!--这里是所在地-->
            <input type="submit" name="submit" id="submitBtnSave" value="保存" style="height:30px;width:200px;display:inline-block;margin-left:23%;" onclick="update()">
        </div>
        <br><br><br><br>
    </div>
</div>






</body></html>